<div class="row justify-content-between draggable">
    <button
        *ngIf="shouldShowBackButton"
        nbButton
        ghost
        (click)="goBack()"
        class="back-button"
    >
        <nb-icon icon="arrow-ios-back-outline"></nb-icon>
        {{ 'GENERAL.BACK' | translate }}
    </button>

    <!-- TODO: remove this and improve alignment -->
    <span></span>

    <div>
        <nb-search
            type="rotate-layout"
            hint=""
            placeholder="{{ 'PAGES.MAIN.SEARCH' | translate }}"
        ></nb-search>

        <button nbButton ghost [nbContextMenu]="contextMenuItems">
            <nb-icon icon="more-vertical-outline"></nb-icon>
        </button>
    </div>
</div>
